{% extends 'gruposI/base.html' %}

{% block css-javascript-agregados %}
    <!-- SEXYSELECT -->
    <link 	type="text/css" 		href="static/ui.sexyselect/css/ui.sexyselect.0.55.css" 			rel="stylesheet"/>
    <script type="text/javascript" 	src="static/ui.sexyselect/js/ui.sexyselect.min.0.6.js" >		</script>
{% endblock %}

{% block heading_content %} Solicitar Ingreso a Grupo de Investigación{% endblock %}

{%block content%}
    <br/>
    <div id="tab">
        <form method="POST" action="/comunidadcyt/gruposInvestigacion/solicitarIngreso/" enctype="multipart/form-data">
            {% csrf_token %}
            <table>{{form.as_table}}</table>
            <br/>
            <table>
                <input type="submit" class="find_link" value="Solicitar" />
        </form>
        <form action="/comunidadcyt/gruposInvestigacion" method="GET">
            <input type="submit" class="find_link" value="Cancelar" />
        </form>
        </tr>
        </table>
    </div>

    <script type="text/javascript">
        $("#tab").tabs();
        $("#id_Grupo").sexyselect({title:'Opciones',allowInput:false,allowFilter:true,allowDelete:false,selectionMode:'single',autoSort:true});
    </script>

{%endblock%}